@media(max-width:1280px){
.boxMax{ padding:0 10px;}
.logo{left:20px;}
.boxTopWx img{ width:80px}
.boxFoot1{padding:0 10px;}


/*.aboutNum a span{ font-size:50px;}
.aboutNum a i{ font-size:22px; }*/

}

@media(max-width:1200px){

body{padding-top:60px;}
.boxTop{ display:none}
.logo{ display:none}
.boxTopM{ display:block}

.banner{height:50vw;}
.bannerVideo{height:60vw; margin:-5vw 0 0 calc((100vw - 140vw)/2);}



.slogan{display:none}
.sloganM{display:block}

.btnGo{display:none}

.indNewsList1 a div img{height:calc((100vw - 80px)/3*0.67);}

.indInvLeft{width:100%; height:auto}
.indInvRight{width:100%; text-align:center; padding-top:20px;}
.indInvLeft .btnMore{text-align:center!important}


.indInvRight a{margin:10px 10px 0 0;width:calc((100vw - 30px)/2); height:auto; position:relative; overflow:hidden;}
.indInvRight a:last-child{margin-right:0}
.indInvRight a div{height:calc((100vw - 30px)/2*1.38);}
.indInvRight a i{position:relative; left:0; top:0; margin-top:0; line-height:24px;font-size:16px;color:#222;padding:10px 0; display:block; text-align:center}
.indInvRight a:hover img{transform:scale(1.0);opacity:1.0}

.indVideo{height:67vw; min-height:300px;}


.subBanner span{ margin:-20px 0 0 0;}




.enText a{padding:0 15px!important;}


/*.aboutNum a span{top:70px;}
.aboutNum a i{ top:145px; color:#888}
.aboutNum a:hover span{animation:none;}
.aboutNum a:hover i{animation:none;color:#fff}*/




.boxQyry .swiper-slide{padding:0 60px;}
.boxQyry .swiper-slide h2{ display:none}
.boxQyry .swiper-slide h1{ display:none}
.boxQyry .swiper-slide div{ width:100%; height:100%; padding:0; box-sizing:border-box;}
.boxQyry .swiper-button-prev{left:0; }
.boxQyry .swiper-button-next{right:0;}

.navTitleM{ display:block}
.boxLeft{display:none}

.boxRight{ width:100%; padding:0; margin-top:0;}


.newsList a{width:calc((100vw - 60px)/3); height:calc((100vw - 60px)/3*0.67 + 120px);margin:0 20px 20px 0;}
.newsList a div{height:calc((100vw - 60px)/3*0.67);}

.newsList1 a{width:calc((100vw - 60px)/3); height:calc((100vw - 60px)/3*0.67 + 120px);margin:0 20px 20px 0;}
.newsList1 a div{height:calc((100vw - 60px)/3*0.67);}

.boxShow{ width:100%; padding:0 20px 40px 20px; left:0;margin:0;}
.showVideo{height:calc((100vw - 40px)/3*2); }
.btnShare1{display:none}

.boxLng{ position:absolute; bottom:0; right:0; margin-right:0;}


.invStock{display:none}

.boxFxs li{width:calc((100% - 20px)/2);}
.boxFxs li:nth-child(odd){margin-right:20px;}
.boxFxs li:nth-child(even){margin-right:0}

.invSearch{position:relative; top:0;}
.inputInv{ width:calc(100vw - 164px);}

.invList{border:none}

.openSubMenu{display:block; width:60px; height:60px; position:absolute; top:35px; right:0;background:url(../images/icoNavM2.png?v=1.0) center no-repeat; background-size:26px 26px;}
.closeSubMenu{display:block; width:60px; height:60px; position:absolute; top:35px; right:0;background:url(../images/icoNavM3.png?v=1.0) center no-repeat; background-size:26px 26px;}

.subNav{border:1px solid #cbcbcb;width:calc(100vw - 20px); height:auto;position:absolute; top:calc(24vw + 60px + 120px); left:10px; display:none}
.subNav a{background:none; padding:0; display:block; font-size:17px; line-height:50px;}

.proList a{width:calc((100% - 40px)/3);margin:0 20px 20px 0}
.proList a div{height:calc((100vw - 40px)/3*0.67);}

.proBanner{margin-top:0;}


.navTitle1{font-weight:normal; color:#222; padding:60px 0 40px 0; text-align:center;}
.boxWy{margin:0 0 60px 0;}

.boxSnzg{background:url(../images/bgSnzgR.jpg) 120% bottom no-repeat;}
.boxSnzg1 img{ margin:0 50px 0 90px;}


}

@media(max-width:1023px){
.mapLeft{ width:100%; } 
.mapLeft i{font-size:26px; line-height:26px; padding:15px 0 0 0; margin-bottom:15px; border-top:2px solid #d70c19;border-bottom:none}
.boxMap img{margin:0; width:100%;}
.proXlText li p{padding:0 10px; font-size:14px; line-height:24px;}

.boxSnzg{background:url(../images/bgSnzgR.jpg) 150% bottom no-repeat;}
.boxSnzg1{padding:40px 0;}
.boxSnzg1 img{ margin:0 20px 0 90px;}
.boxSnzg1 p{max-width:350px;}


.boxPartyImg span a{line-height:24px;  padding:20px}
.boxPartyImg span a i{margin-bottom:10px;}

.boxDjdsj .swiper-slide span{max-width:700px;}
.boxDjdsj .swiper-button-prev{left:10px;}
.boxDjdsj .swiper-button-next{right:10px;}


.boxZblc li{padding:50px 0 50px 120px;}
.boxZblc li i{left:0;}
.boxZblc li:first-child{padding-right:146px; }
.boxZblc li:first-child span div{right:0}


}
@media(max-width:767px){
.toTop{right:10px;}
.banner{height:70vw;}
.bannerVideo{height:84vw; margin:-6vw 0 0 calc((100vw - 168vw)/2);}

.bannerM{ height:70vw;}

.btnMore a{padding:0 50px;}

.indNews2{width:100%; padding:30px 0; }
.indNav h1{ font-size:22px;padding-bottom:5px;  line-height:22px;}
.indNav h2{ font-size:13px; line-height:13px; padding:5px 0 20px 0}
.indNavLeft h2{padding:9px 0 20px 0;}

.indNewsNav span{padding:0 5px;}

.indNewsList1{margin:20px auto;}
.indNewsList1 a{width:100%; margin:0 0 10px 0;}
.indNewsList1 a div img{height:auto;}
.indNewsList1 a span{ height:auto}

.indInv1{padding:30px 0; }

.indGp{ width:100%;overflow:hidden;height:60px; position:relative; background:url(../images/bgLine3.png) bottom repeat-x}
.gpPrice{margin:0 15px 0 0;font-size:36px; line-height:36px;padding-right:10px;}
.gpInfo{margin-top:0; line-height:18px; color:#666}
.gpInfo strong{font-size:13px}
.gpInfo span{font-size:11px;}
.gpMore{font-size:11px;line-height:40px; background:url(../images/icoJt2.png) right center no-repeat; background-size:4px 10px; padding-right:7px;}
.gpMore:hover{ background:url(../images/icoJt2Hover.png) right center no-repeat; background-size:4px 10px}

.gpUp{background:url(../images/icoGpUp.png) right 24px no-repeat; background-size:10px 8px}
.gpDown{background:url(../images/icoGpDown.png) right 24px no-repeat; background-size:10px 8px}

.indInvList{ padding:0 0 20px 0;}
.indInvList a{font-size:16px; line-height:24px; padding:15px 0; background:url(../images/bgLine3.png) bottom repeat-x}
.indInvList i{display:block; background:none; position:relative; color:#999}
.indInvList a:hover i{background:none}


.btnVideo i{height:60px;margin-bottom:15px;}
.btnVideo h1{ font-size:23px;padding:0 0 5px 0; line-height:24px;}
.btnVideo h2{ font-size:12px; line-height:16px; padding:5px 0 0 0}

.closeVideo{ width:40px;height:40px;top:10px; right:10px;}


.boxFoot{padding:30px 0;}
.boxFoot1{ text-align:center}
.boxFoot1 img{float:none;}
.boxFoot1 span{display:block; border-top:1px solid #787676; padding:10px 0 0 0; margin-top:20px;}


.subBanner span{ margin:-10px 0 0 0;}
.subBanner span h1{font-size:18px;line-height:20px;}

.navTitle{font-size:22px; line-height:22px;  padding:30px 0!important;}
.navTitleM{font-size:22px; line-height:22px;  padding:30px 0;}
.navTitleColor{font-size:22px; line-height:22px;  padding:30px 0;}

/*.aboutNum a{ height:120px;}
.aboutNum a span{ font-size:28px; line-height:28px;top:35px;}
.aboutNum a i{ font-size:14px; font-weight:normal;top:75px; line-height:16px;}
.aboutNum a:hover span{animation:none;top:35px;}
.aboutNum a:hover i{animation:none;top:75px;color:#fff}*/

.aboutNum a{width:100%; height:80px; border-right:none; border-bottom:2px solid #fff; overflow:hidden; }
.aboutNum a span{font-size:20px; line-height:20px; top:18px; left:0; text-align:left; padding:0 20px; box-sizing:border-box}
.aboutNum a i{font-size:14px; font-weight:normal;  top:50px; line-height:14px;text-align:left; padding:0 20px; box-sizing:border-box}
.aboutNum .on span{animation:none;top:18px; }
.aboutNum .on strong{color:#fff}
.aboutNum .on i{animation:none;top:50px;}


.boxAbout{ padding:20px 0 20px 0;}
.boxAbout strong{font-size:18px; margin-bottom:5px;}
.boxAbout i{display:block; font-weight:bold; margin:10px 0 5px 0}


.boxDsz{padding:20px 15px 80px 15px; margin-bottom:30px;}
.boxDsz1{ height:auto;padding-right:0;}
.boxDsz img{right:20px; width:100px;}

.boxQyry .swiper-slide{padding:0 20px;}
.yearQyry .swiper-slide{width:33%;}
.boxQyry .swiper-slide div p i{width:50px;}
.boxQyry .swiper-slide div p span{width:calc(100% - 50px); }

.boxQyry .swiper-button-prev{left:0; margin:-9px 0 0 0;width:12px; height:18px; }
.boxQyry .swiper-button-next{right:0; margin:-9px 0 0 0;width:12px; height:18px; }


.boxConatct img{ width:100%;  min-height:auto;}
.boxConatct span{ width:100%; padding:25px 20px;}
.boxConatct h1{ font-size:18px; line-height:18px;}
.boxConatct h2{ padding:15px 0}
.boxConatct h3{ font-size:18px; line-height:18px;}


.contactList{}
.contactList li{ width:100%; padding:30px 20px}
.contactList li:nth-child(even){padding-left:20px;}
.contactList li:nth-last-child(2){border-bottom:1px solid #cbcbcb;}
.contactList li i{font-size:20px; padding-bottom:5px}

.newsList a{width:100%; height:auto; margin:0 0 20px 0;}
.newsList a div{width:100%; height:auto; overflow:hidden}
.newsList a span{ padding:15px 15px 30px 15px;}
.newsList a div img{height:auto}

.newsList1 a{width:100%; height:auto; margin:0 0 20px 0;}
.newsList1 a div{width:100%; height:auto; overflow:hidden}
.newsList1 a span{ padding:15px 15px 30px 15px;}
.newsList1 a div img{height:auto}

.boxPage{display:none}
.loadMore{ display:block}
.loadMore1{text-align:center; padding:0 0 20px 0}


.showTitle{font-size:22px; line-height:30px; margin-top:20px;}
.showInfo{font-size:12px; line-height:12px; }

.boxLng a{padding:0 5px; line-height:30px;font-size:12px;}


.invList{padding-bottom:20px; border:none}
.invList a{padding:15px 0;}
.invList a div{width:70px; height:80px;}
.invList a div h1{ font-size:30px; line-height:30px; padding:12px 0 5px 0; margin-bottom:5px;}
.invList a span{ width:calc(100% - 70px); padding:0 0 0 10px; box-sizing:border-box; background:none; vertical-align:middle}
.invList a span h3{ font-size:16px; font-weight:normal; line-height:24px; padding:0 0 5px 0;}
.invList a span h4{ font-size:11px; }
.invList a:hover span{background:none;}

.tzzTable{margin-bottom:20px;}
.tzzTable td{ font-size:14px; padding:5px;}
.tzzT{ width:33%; }

.invTableList{ font-size:14px; margin-bottom:20px}
.invTableList td{ padding:10px 0; }
.invTableList thead{background:#172a62; color:#fff; font-weight:bold;}
.invTableList thead th{padding:10px 5px; line-height:26px;}
.invTableList thead th:first-of-type{padding-left:5px;}
.invTableList tr td:first-of-type{ padding-left:5px;}

.boxFxs{padding-bottom:0;}
.boxFxs li{width:100%; margin:0 0 10px 0}
.boxFxs li:nth-child(odd){margin-right:0;}

.invContact{ padding-bottom:0;}
.invContact li{width:100%; margin:0 0 10px 0}
.invContact li:nth-child(odd){margin-right:0;}

.openSubMenu{top:12px;}
.closeSubMenu{ top:12px;}
.subNav{top:270px;}

.mapLeft i{font-size:22px; line-height:22px; }

.proXl{height:auto; margin-bottom:30px;}
.proXlText{position:relative; width:100%; height:auto;}
.proXlText li{width:100%;height:auto; padding:40px 0;border-right:none; border-bottom:1px solid #cfcdcc; position:relative; overflow:hidden}
.proXlText li div{width:100%; position:relative; z-index:2}
.proXlText li i{ position:absolute; top:0; left:0; z-index:1; background:#000; opacity:0.3; width:100%; height:100%}
.proXlText li span{display:block; text-align:center;}
.proXlText li span h1{padding-bottom:10px; margin-bottom:10px; }
.proXlText li p{padding:0 20px; margin-top:20px;}
.proXlText .on{background:url(../images/bgBlack1.png); height:auto}
.proXlText .on i{opacity:0.8!important}
.proXlImg{display:none!important}
.proXlText li:nth-child(1){ background:url(../images/imgSort1.jpg) center no-repeat; background-size:cover}
.proXlText li:nth-child(2){ background:url(../images/imgSort3.jpg) center no-repeat; background-size:cover}
.proXlText li:nth-child(3){ background:url(../images/imgSort7.jpg) center no-repeat; background-size:cover}
.proXlText li:nth-child(4){ background:url(../images/imgSort4.jpg) center no-repeat; background-size:cover}
.proXlText li:nth-child(5){ background:url(../images/imgSort5.jpg) center no-repeat; background-size:cover}
/*.proXlText li:nth-child(5){ background:url(../images/imgSort5.jpg) center no-repeat; background-size:cover}*/



.proSearch li{ width:33.3%;}
.proSearch li:nth-last-child(2){ padding:0}
.proSearch li:last-child{ padding:10px 0 0 0; width:100%;}


.proList{ padding:20px 0 10px 0}
.proList a{width:100%; margin:0 0 10px 0;}
.proList a div{height:calc((100vw - 20px)*0.67)}
.proList a span{padding:15px 15px 20px 15px;height:auto;}

.proBanner{height:50vw;}

.proTop{margin:-60px 0 20px 0;}
.proLogo{width:120px; height:120px;}
.proTitle{font-size:26px; line-height:26px;padding:10px 0 15px 0}
.proContact{ font-size:16px; line-height:24px; padding:0 10px;}

.proCon{background:#fff; width:100%;}
.proNav{width:100%;}
.proNav a{display:inline-block;width:33.3%;line-height:50px;border-right:1px solid #fff; border-bottom:none;font-size:17px; }
.proNav a:last-child{border-right:none}

.proCon1{width:100%; padding:20px;}
.proConText{max-height:none;}


.proNews a{padding:20px 10px 20px 20px; box-sizing:border-box}
.proNews a i{width:100%; font-size:18px; line-height:18px;text-align:left; background:none; vertical-align:middle;}
.proNews a span{font-size:16px; line-height:24px; width:100%; padding:8px 20px 0 0;}
.proNews a:hover i{background:none;color:#b8b8b8; }

.proMap{height:300px;margin-bottom:10px;}

.navTitle1{font-size:22px; line-height:22px;padding:30px 0;}
.boxWy{margin:0 0 30px 0;}

.imgPc{display:none}
.imgM{display:block}

.boxWy1{padding:0 0 30px 0;}
.boxWy1 div{margin:0 auto 30px auto;}

.boxWy2{ height:400px;}

.boxSnzg{background:url(../images/bgSnzgR.jpg) right bottom no-repeat; background-size:100% auto}
.boxSnzg1{background:none; min-height:280px; padding:20px 0 52vw 0; box-sizing:border-box}
.boxSnzg1 img{display:inline-block; vertical-align:top; margin:0 20px 0 0; width:40px; display:none}
.boxSnzg1 p{/*max-width:calc(100% - 60px);*/ max-width:100%;}

.navSnzg a{text-align:center; padding:30px 0 20px 0; }
.navSnzg a img{width:50px; height:50px; padding:0;}
.navSnzg a i{font-size:12px; margin:10px 0 0 0}

.boxSnzg2{height:auto;}
.boxSnzg2 li{height:auto}
.boxSnzg2 li i{display:none;}
.boxSnzg2 li span{padding:20px;}

.navJoin img{ height:60px;}
.navJoin a{padding:15px 0}


.boxJoin{ padding:30px 40px;}
.boxJoin i{ font-size:30px; line-height:30px;}


.boxParty{padding:0 0 30px 0}
.boxPartyImg{width:100%; box-shadow:0 0 20px rgba(0,0,0,0.1); background:#e34a3c}
.boxPartyImg div{width:100%;}
.boxPartyImg span{width:100%; margin:20px 0}


.bgYearDj{height:55px;}
.yearDj .swiper-slide{width:33.3%;}
.yearDj .swiper-slide a{font-size:20px; line-height:20px;}
.yearDj .swiper-slide a i{ margin-left:-5px;}

.boxDjdsj{padding-top:0;margin:15px 0 30px 0; background:url(../images/bgDjDsjM.jpg) center no-repeat; background-size:cover; }
.boxDjdsj .swiper-slide span h1{font-size:24px; line-height:30px;}
.boxDjdsj .swiper-slide span h2{margin:15px 0;}
.boxDjdsj .swiper-button-prev{margin:-9px 0 0 0;width:12px; height:18px; }
.boxDjdsj .swiper-button-next{ margin:-9px 0 0 0;width:12px; height:18px; }

.zbggList{ border-top:none;padding-bottom:20px;}
.zbggList a{display:block;width:100%; border-bottom:1px solid #cbcbcb; padding:15px 0;background:url(../images/icoJt3.png) right center no-repeat;}
.zbggList a i{width:100%; font-size:18px; line-height:18px; text-align:left}
.zbggList a span{font-size:16px; line-height:24px; width:100%; padding:8px 20px 0 0; box-sizing:border-box; background:none; }
.zbggList a:hover i{ color:#d70c19}
.zbggList a:hover{background:url(../images/icoJt3Hover.png) right center no-repeat;}
.zbggList a:hover span{background:none;}


.boxZblc li{padding:30px 0 30px 50px;}
.boxZblc li i{top:18px;left:0;}
.boxZblc li i img{width:40px;}
.boxZblc li h1{font-size:18px; line-height:18px; font-weight:bold}
.boxZblc li:first-child{padding-right:0;}
.boxZblc li:first-child span div{position:relative; top:0; right:0}


.boxFzlc .swiper-slide{width:340px; padding-top:110px;}


.boxIndVideo{width:100%; height:auto; max-height:1000px; padding:0; background:none}
.indVideoList{height:auto; padding:0;}
.indVideoList ul{height:auto;}
.indVideoList li{position:relative; width:100%; height:60vw; margin-bottom:2px;}
.indVideoList li:first-child{ width:100%; height:67vw; margin:0 0 2px 0}
.indVideoList li:last-child{ margin:0 0 2px 0}
.indVideoList li span{width:1px; display:inline-block; height:100%; vertical-align:middle}
.indVideoList li a{display:inline-block; vertical-align:middle}
.indVideoList li a i{height:60px; background:url(../images/icoVideo.png) center no-repeat; background-size:auto 100%; display:block; margin-bottom:15px;}
.indVideoList li a h1{ font-size:30px; padding-bottom:7px; line-height:30px; }
.indVideoList li a h2{ font-size:18px; line-height:18px; padding:7px 0 0 0; letter-spacing:4px}
.indVideoList li a:hover i{background:url(../images/icoVideoHover.png) center no-repeat;background-size:auto 100%;}

}